<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>随堂练习结果</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
<header class="bar bar-nav">
    <a class="button button-link button-nav pull-left goBack" href="javascript: window.history.back()">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <h1 class='title'>随堂练习结果</h1>
</header>
<div class="content wm-content">
    <article>
        <div class="page-group">
            <div id="page-infinite-scroll-bottom" class="page page-current">
                    <div class="content infinite-scroll native-scroll u-exercises-record-bg" data-type='native' data-distance="100">
                        <div class="u-exercises-record__wrap">
                            <article class="wm-whiteBox u-exercises-record-bx">
                                <h1 class="text-center c-red">
                                    <small class="fs8">得分率</small>
                                    <strong th:text="${examRecord['accuracy']}"></strong>
                                    <small class="fs8">%</small>
                                </h1>
                                <h3 class="text-center">
                                    <span th:if="${pass}">恭喜你，通过此节随堂练习</span>
                                    <span th:if="!${pass}">抱歉，你没能通过此节随堂练习</span>
                                </h3>
                                <h5 class="text-center">
                                    <span class="c-888" th:text="'设定得分率'+${scorePercent}+'%'"></span>
                                    <span class="c-888" th:text="'你的得分率 '+${examRecord['accuracy']}+'%'"></span>
                                </h5>
                                <h5 class="text-center">
                                    <span class="c-888" th:text="'最近练习时间：'+${examRecord['createTime']}"></span>
                                </h5>
                                <section class="pt5 mt5">
                                    <section>
                                        <aside>
                                            <a  class="button button-big button-fill button-round button-danger" id="learn">继续学习</a>
                                        </aside>
                                    </section>
                                </section>
                                <section class="pb5 mb5 pt5 mt5">
                                    <div class="card-footer" style="padding-left: 0;padding-right: 0;">
                                        <strong class="fs7 c-333">练习详情</strong>
                                        <aside>
                                            <span class="c-888 fs6">
                                                <em class="fs7 c-green icon-yuan iconfont"></em>正确
                                            </span>
                                            <span class="c-888 fs6">
                                                <em class="icon-halfRight b-halfRight vam"></em>半对
                                            </span>
                                            <span class="c-888 fs6">
                                                <em class="fs7 c-red icon-yuan iconfont"></em>错误\未答
                                            </span>
                                        </aside>
                                    </div>
                                      <div class="ml5 mr5 pb5 mb5">
                                            <section>
                                                <th:block th:each="card : ${cardMap['cardDataList']}">
                                                    <aside th:attrappend="data-index=${card['orderlyIndex']},data-status=${examRecord['status']},data-state=${card['scoreState']},data-record=${examRecord['id']},data-question=${card['questionId']},data-id=${card['questionRecordId']}" class="exam-option-bx">
                                                        <span class="resultPage" th:text="${card['orderlyIndex']}"></span>
                                                    </aside>
                                                </th:block>
                                            </section>
                                    </div>
                                    <div>
                                        <section class="pt5 mt5">
                                            <span class="fs6 c-bbb">考点：</span>
                                            <section class="wm-desc-wrap" style="max-height: inherit;">
                                                    <th:block th:utext="${point['value']}+'<br/>'" th:each="point : ${examRecord['allPointMap']}">
                                                    </th:block>
                                            </section>
                                        </section>
                                    </div>
                                </section>
                            </article>
                        </div>
                    </div>
                </div>
        </div>
    </article>
</div>
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/mobile/business/course/play/reocrd/user-exercises-record.js?v={v}(path=${staticPath},v=${v})}"></script>
<script th:inline="javascript" type="text/javascript">
    var courseId =[[ ${courseId}]];
    var catalogId =[[ ${catalogId}]];
    var byCourseId =[[ ${byCourseId}]];

</script>
</body>
</html>
